Back to work
Cluster Club · Case Study
E-commerce  /  UI & UX

Cluster Club

Taking a snack brand from zero digital presence to a fully live, shoppable e-commerce site — designed and launched fast.

Role UI / UX Designer
Project Type E-commerce Website
Timeline April – May 2025
Tools Figma · FigJam
clusterclub.com
Cluster Club homepage

HomepageThe hero arranges the three Cluster Club flavours over an oversized brand wordmark watermark, with the brand stats anchoring the bottom.

00— Overview

From zero digital presence to a fully shoppable website.

Cluster Club is an e-commerce brand that came to Fuze Studio with no website. They had a product ready to sell but nowhere to sell it from. My job was to take them from zero to a fully live, shoppable site.

01— Problem

No website meant no way to reach customers — or look credible doing it.

Without a digital home, Cluster Club had no way to communicate the brand or to convert interest into orders. They needed a site that looked credible, felt on-brand, and turned visitors into buyers — built and launched fast.

02— Process

Discovery, wireframes, design — in that order, on purpose.

I worked in three clear stages so the design decisions sat on top of a real understanding of the brand and the buyer flow — not the other way around.

01 — Discovery

Understand the brand & the buyer.

Who Cluster Club's customers are, what feeling they wanted to create, and what similar brands in the space looked like. This gave me a clear direction before opening Figma.

02 — Wireframes

Map the path to purchase.

I laid out the key pages and the user flow first — homepage, product page, checkout. The goal was to make the path to purchase as frictionless as possible.

03 — Design

Make it easy to buy.

The full site in Figma — clean layout, strong product imagery, clear calls to action. Every decision was checked against one question: does this make it easier to buy?

Every design decision was made with one question in mind: does this make it easier for someone to buy?
— Working principle, design phase
03— Product Pages

One flavour per band — the page is the catalogue.

Rather than a generic grid, each flavour gets a full-width colour band of its own. The product photography, price, rating, and category breadcrumb all sit on a background that matches the bag — so a quick scroll feels like flipping through the lineup.

clusterclub.com / flavours
Cluster Club product pages — three flavour bands stacked vertically

Product detailThree flavours, three colour bands, three identical price/rating modules. Repetition is the system.

04— About & Stockists

Credibility through stockist logos and a clear brand story.

Visitors who land on a brand-new site need quick reasons to trust it. The About Us section pairs the product lineup with the brand story; Our Stores lists the major retailers carrying Cluster Club — a fast credibility cue without needing testimonials yet.

clusterclub.com / about
About Us section showing all three product bags, and Our Stores with retailer logos

About & Our StoresEG Group, ASDA and Aldi logos answer the unspoken "is this real?" question on first visit.

05— FAQ & Footer

The page closes with the questions that block a first order.

An accordion FAQ at the bottom catches the common pre-purchase doubts — returns, billing, account — before the user has to dig for them. The footer keeps the navigation tight and groups company / help / resources in three clean columns.

clusterclub.com / faq
FAQ accordion section with footer below

FAQ & footerOne open answer up top sets the pattern; the rest stay collapsed so the page stays scannable.

View the full file on Figma
06— Result

Live, shoppable, on time.

Cluster Club went from having no online presence to a fully live e-commerce website. The client was happy with both the speed of delivery and the final product — calling the result exactly what they envisioned.

Outcome

Brand → shoppable site, delivered inside the two-month window.

07— What I Learned

Nail the flow first. Everything else gets easier.

This project reinforced how important it is to nail the user flow before designing screens. Getting the structure right early meant fewer revisions, a faster build, and a final site that did the one job the brief asked for — make it easy to buy.

If you're hiring and want to dig into any of this — what worked, what I'd change next time — drop me a note. I'm always up for a critique.